<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href=""/>
		<style media="screen">
		*{
			margin: 0;
			padding: 0;
		}
		#scrollBox,#scrollBox2{
				width: 800px;
				height: 500px;
				margin: 50px auto;
			}
		</style>
	</head>
	<body>
		<div class="scrollBox" id="scrollBox"></div>
		<div class="scrollBox" id="scrollBox2"></div>
	</body>
	<script src="js/scrollPic.js" charset="utf-8"></script>
	<script type="text/javascript">
		var picList = [
			{
				url:"img/1.jpg",
				href:"#"
			},{
				url:"img/2.jpg",
				href:"#"
			},{
				url:"img/3.jpg",
				href:"#"
			},{
				url:"img/4.jpg",
				href:"#"
			},{
				url:"img/5.jpg",
				href:"#"
			}
		];
		var sc1 = new scrollPic({
			box:'#scrollBox',
			times:2,//自动播放时间
			picList:picList
		});
		sc1.move();
		var sc2 = new scrollPic({
			box:'#scrollBox2',
			times:2,//自动播放时间
			picList:picList
		});
		sc2.fade()
	</script>
</html>
